<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>表格</title>
</head>

<body>
    <table border="1" align="center" cellspacing="0px" cellpadding="10px" bgcolor="">
        <thead>
            <tr>
                <th>文件名</th>
                <th>绝对URL(可以再任何地方使用)</th>
                <th>相对URL(只能在you-are-here.html中使用)</th>
                <th>绝对URL(在本服务器中的任何地方都可使用)</th>
            </tr>
        </thead>
        <tbody align="center">
            <!-- align="center" 写在tbody上面所有td都会继承该属性 -->
            <tr>
                <td>history.html</td>
                <td>www.site.com/about/hitory.html</td>
                <td> ./history.html
                    history.html</td>
                <td>/about/history.html</td>
            </tr>
            <tr>
                <td>data.html</td>
                <td>www.site.com/about/info/data.html</td>
                <td>info/data.html
                    ./info/data.html</td>
                <td>/about/info/data.html</td>
            </tr>
            <tr>
                <!-- align="center" 写在tr上面td都会继承该属性 -->
                <td>news.html</td>
                <td>www.remote/press/new.html</td>
                <td colspan="2">/</td>
                <!-- 该单元格跨越了2列 -->
            </tr>
            <tr>
                <td rowspan="2" colspan="2">abc</td>
                <!-- 该单元格跨越了2行  -->
                <!-- <td>news.html</td> -->
                <td>www.remote/press/new.html</td>
                <td>news.html</td>
            </tr>
            <tr>

                <!-- <td>news.html</td> -->
                <td>www.remote/press/new.html</td>
                <td>news.html</td>
            </tr>
        </tbody>

    </table>
</body>

</html>